<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>netwrokdisk</title>
    <link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">
        a:hover{
            text-decoration: none;
        }
        *{
            text-decoration: none;
        }
        body > div.box{
            width: 1000px;
            height: 600px;
            margin: 100px auto 0px auto;
            background-color: #fff;
            padding-left: 100px;
            padding-right: 100px;
        }
        body > div > div.box_main{
            width:800px;
            height: 490px;
            margin: 0 auto;
            background-color: #FAFAFA;
        }
        body > div > div.box_sub{
            width: 800px;
            height:60px ;
            margin: 0 auto;
            position: relative;

        }
        body > div > div.fy{
            width: 600px;
            height: 50px;
            margin: 0 auto;
            padding-left: 150px;
        }
        body > div > div.fy > ul.xm{
            margin: 3px auto 0px auto;
        }
        body > div > div.box_main > div.l1{
            width:800px;
            height: 70px;
            background-color: #FAFAFA;
            float: left;
            font-size: 14px;
        }
        body > div > div.box_main > div.l1 > .mj{
            display: inline-block;
            width: 120px;
            height: 70px;
            float: left;
            text-align: left;
            line-height: 70px;
            overflow: hidden;
            padding-left: 5px;
        }
        body > div > div.box_main > div.l1 > a.xa{
            display: inline-block;
            width: 230px;
            height: 70px;
            float: left;
            text-align: left;
            line-height: 70px;
            padding-left: 10px;
            font-size: 15px;

        }
        body > div > div.box_main > div.l1 > a.mjs{
            display: inline-block;
            float: left;
            width: 75px;
            height: 70px;
            line-height: 70px;
            margin-right: 5px;
        }
        body > div > div.box_main > div.l1 > a.time{
            display: inline-block;
            float: left;
            width: 150px;
            height: 70px;
            line-height: 70px;
        }
        body > div > div.box_main > div.l1 > span.de{
            width: 60px;
            height: 70px;
            float: left;

            line-height: 70px;
            text-align: left;
        }
        body > div > div.box_main > div.l1 > span.yl{
            width: 70px;
            height: 60px;
            float:left;
            padding: 10px;
        }
        body > div > div.box_main > div.l1 > span.yl >img{
            width: 40px;
            height: 40px;
        }
        body > div > div.box_main > div.m{
            width: 800px;
            height: 50px;
            background-color: #CECECE;
            float: left;
            color: #36A8B9;
            font-size: 16px;

        }
        body > div > div.box_main > div.m >div{
            float: left;
            line-height: 50px;
            text-align: center;
        }
        body > div > div.box_main > div.m > div.m1{
            width: 130px;
            height: 50px;
            text-align: center;
        }
        body > div > div.box_main > div.m > div.m2{
            width: 220px;
            height:50px;
            text-align: center;
        }
        body > div > div.box_main > div.m > div.m4{
            width: 80px;
            height: 50px;
            text-align: center;
        }
        body > div > div.box_main > div.m > div.m3{
            width: 100px;
            height: 50px;
            text-align: center;
        }
        body > div > div.box_main > div.m > div.sj{
            float: left;
            width:120px ;
            height: 50px;
            text-align: left;
            padding-left: 20px;
        }
        body > div > div.box_main > div.m > div.size{
            width: 100px;
            height: 50px;
            float: left;
            text-align: left;
        }
        body > div > div.box_sub > form > div.fs >div{
            float: left;
        }
        body > div > div.box_sub > form > div.fs > input[type="file"]{
            width: 120px;
            height: 60px;
            float: left;
            opacity: 0;
            position: absolute;
            top:0px;
            left: 0px;
        }
        body > div > div.box_sub > form > div.fs{
            width: 120px;
            height: 60px;
            float: left;
            background-color: #FAFAFA;
            position: absolute;
            top:0px;
            left: 0px;
            line-height: 60px;
            text-align: center;
            font-size: 18px;
            color: #3EBCCA;
            border-radius: 5%;

        }
        body > div > div.box_sub > form > div.bn{
            width: 120px;
            height: 60px;
            float: left;
            position: absolute;
            top:0px;
            left: 120px;
            background-color:#FAFAFA;
            line-height: 60px;
            text-align: center;
            font-size: 18px;
            color:#3EBCCA;
            border-radius: 5%;
            margin-left: 5px;
        }
        body > div > div.box_sub > form > div.bn > input[type="submit"]{
            width: 120px;
            height: 60px;
            float: left;
            opacity: 0;
            position: absolute;
            top:0px;
            left: 0px;

        }

    </style>
</head>
<body>  <h1 style="text-align: center"><?php if(isset($ts)){ echo $ts; }else{ echo '小清新网盘';} ?></h1>
        <div class="box">
            <div class="box_sub">

                    <form action="index.php" method="post" enctype="multipart/form-data"><div class="fs">选择文件<input type="file" name="wp"></div>
                    <div class="bn">上传<input type="submit" value="提交"></div>
                    </form>
            </div>
            <?php if($uu==1){  ?>
            <?php  echo "<h1>网盘没文件，请重新上传！</h1>";  ?>
            <?php exit();  ?>
            <?php } ?>
            <div class="box_main">
                <div class="m">
                    <div class="m1">文件名</div>
                    <div class="m2">路径</div>
                    <div class="size">文件大小</div>
                    <div class="sj">时间</div>
                    <div class="m4">类型</div>
                    <div class="m3">功能</div>
                </div>
                <?php foreach($arr as $kk => $vv){ ; ?>
                <div class="l1">
                    <span class="mj"><span><?php echo ($kk+1)."&nbsp;" ;?></span><?php echo mybaname($vv) ;?></span><a href="" class="xa"><?php echo dirname($vv); ?></a><a
                        href="" class="mjs"><?php echo CF(filesize($vv));?></a><a
                        href="" class="time"><?php echo date('Y-m-d H:s:m',filemtime($vv)) ;?></a><span class="yl"><?php echo yl($vv); ?></span><span class="de"><a href="del.php?id=<?php echo $kk; ?>">删除</a> </span><span class="de"><a href="dw.php?id=<?php echo $kk; ?>">下载</a> </span>
                </div>
                <?php } ?>
            </div>
            <div class="fy">
            <ul class="pagination pagination-lg xm">
                <?php if($page <> 1) { ?>
                <li><a href="index.php?p=<?php echo ($page-1); ?>" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
                <?php } ?>
                <?php for($i=1;$i<=$zym;$i++){  ?>
                <li><a href="index.php?p=<?php echo $i;?>"><?php echo $i; ?></a></li>
                <?php } ?>
                <?php if($page <> $zym) { ?>
                <li><a href="index.php?p=<?php echo ($page+1); ?>" aria-label="Next"><span aria-hidden="true">»</span></a></li>
                <?php } ?>
            </ul>
        </div></div>

</body>

</html>